<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<script id="resource-info-tmpl" type="text/x-handlebars-template">
			{{#resources}}
			<li class="col-md-3">
                <div class="thumbnail">
                    <div class="caption">
                        <b>{{name}}</b>
                        <div>
                        <span class="label label-important">{{extension}}</span> <span class="label label-danger">{{size}}</span>
                        </div>    
                        <p class="description">
                            {{description}}
		                </p>
		                <div class="resource-rating" data-rating="{{rating}}">
		                </div>
						  <div>
                            <p>
                                <a href="#" class="glyphicons search"></a>
                                <a href="#" class="glyphicons share"></a>
                                <a href="#" class="glyphicons cloud-download"></a>
                            </p>    
						</div>
					</div>
                  
                </div>	
			</li>
			{{/resources}}
		</script>

		<script type="text/javascript">
			$(document).ready(function() {
				ResourceMgtController.getResources("sahsharm","USER");
			});
		</script>
        
	</head>

	<body>
		<div class="container">
            <div class="row">
            <ul id="resource-list" class="list-unstyled row">
            </ul>
            </div>
		</div>
        
	</body>
    
</html>
